<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template.xhtml">
		
		<ui:define name="content">
			<p:layoutUnit position="west" size="200" style="border:none;">  
		    </p:layoutUnit>  
		  
		    <p:layoutUnit position="east" size="200" style="border:none;">  
		    </p:layoutUnit>  
		    
			<p:layoutUnit position="center" styleClass="telaPrincipal"> 
				<div align="center">
					<p:panel header="Cadastro de Aluno">
						<h:form id="formCadastroAluno">
							<p:panelGrid style="padding-left: 0px; padding-right: 0px;">	
								<p:row><!-- campo de observações -->
									<p:column>	<!--style="padding-left: 15px;"-->
										<h:outputLabel for="observacoes" value="Observações: " />
										<br />
										<p:inputTextarea id="observacoes" rows="7" cols="120" value="#{alunoBean.aluno.observacao}" />
									</p:column>
								</p:row>
								
								<p:row><!-- upload dos arquivos de observações -->
									<p:column>
										<h:form id="formUploadObs" enctype="multipart/form-data">
											<h:outputLabel for="legenda-obs" value="Nome para o arquivo : " /> <br />
											<p:inputText id="legenda-obs" size="40" value="#{arquivoBean.nomeArquivoObservacao}"/>
											<p:fileUpload value="#{arquivoBean.uploadFileObservacao}" mode="simple" styleClass="fileUploadDocs" />
											<p:commandButton value="Anexar Arquivo" actionListener="#{arquivoBean.handleFileUploadObservacao}"/>
										</h:form>
									</p:column>
								</p:row>
								
								<p:row><!-- lista dos arquivos upados de observações -->
									<p:column>
										<p:dataGrid id="tableArqObs" var="arquivo" value="#{arquivoBean.listaArquivosObservacao}" rendered="#{not empty arquivoBean.listaArquivosObservacao}"
											columns="1" rows="5" paginatorAlwaysVisible="false" paginator="true" effect="true" 
											paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
											rowsPerPageTemplate="5, 10, 20">
											
											<div class="rowDataGridDocs">
												<h:outputLabel value="#{arquivo.nome}" styleClass="textDataGridDocs" />
												<div align="right" class="buttonDataGridDocs">
													<p:commandButton icon="ui-icon-trash" actionListener="#{arquivoBean.removerArquivoObservacao}" update="@([id$=tableArqObs])" value="Excluir">
														<f:param name="arquivo" value="#{arquivo}" />
													</p:commandButton>
												</div>
											</div>
										</p:dataGrid>
									</p:column>
								</p:row>
								
								<p:row><!-- campo de informações -->
									<p:column>	<!--style="padding-left: 15px;"-->
										<h:outputLabel for="informacoes" value="Informações: " />
										<br />
										<p:inputTextarea id="informacoes" rows="7" cols="120" value="#{alunoBean.aluno.informacao}" />
									</p:column>
								</p:row>
								
								<p:row><!-- upload dos arquivos de informações -->
									<p:column> <!--style="padding-left: 15px;"-->
										<h:form id="formUploadInfo" enctype="multipart/form-data">
											<h:outputLabel for="legenda-info" value="Nome para o arquivo : " /><br />
											<p:inputText id="legenda-info" size="40" value="#{arquivoBean.nomeArquivoInformacao}"/>
											<p:fileUpload value="#{arquivoBean.uploadFileInformacao}" mode="simple" styleClass="fileUploadDocs" />
											<p:commandButton value="Anexar Arquivo" actionListener="#{arquivoBean.handleFileUploadInformacao}" update="@([id$=tableArqInfo])"/>
										</h:form>
									</p:column>
								</p:row>
								
								<p:row><!-- lista dos arquivos upados de informações -->
									<p:column>
										<p:dataGrid id="tableArqInfo" var="arquivo" value="#{arquivoBean.listaArquivosInformacao}" rendered="#{not empty arquivoBean.listaArquivosInformacao}"
											columns="1" rows="5" paginatorAlwaysVisible="false" paginator="true" effect="true" 
											paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
											rowsPerPageTemplate="5, 10, 20, 30, 60">
											
											<div class="rowDataGridDocs">
												<h:outputLabel value="#{arquivo.nome}" styleClass="textDataGridDocs" />
												<div align="right" class="buttonDataGridDocs">
													<p:commandButton icon="ui-icon-trash" actionListener="#{arquivoBean.removerArquivoInformacao}" update="@([id$=tableArqInfo])" value="Excluir">
														<f:param name="arquivo" value="#{arquivo}" />
													</p:commandButton>
												</div>
											</div>
										</p:dataGrid>
									</p:column>
								</p:row>
								
								<p:row>
									<p:column>
										<div align="right">
											<p:commandButton id="btn-back" actionListener="#{alunoBean.voltarParaCadastro}" value="Voltar" icon="ui-icon-seek-prev" style="margin:10px"/>
											<p:commandButton id="btn-cad-obs" actionListener="#{alunoBean.avancarObservacoes}" value="Avançar" icon="ui-icon-seek-next" style="margin:10px"/>
										</div>
									</p:column>
								</p:row>
								
							</p:panelGrid>
						</h:form>
					</p:panel>
				</div>
			</p:layoutUnit>
		</ui:define>
	</ui:composition>
</html>